<template>
    <div class="recordBox">
        <van-cell class="van-cellRecord" v-for="record in recordInfo" :key="record.orderId">
            <template #title>
                <p><span>订单号：</span><span style="font-size:12px;">{{record.orderSn}}</span></p>
                <p><span>服务：</span> <span>{{record.receiver}}</span></p>
                <p><span>类型：</span> <span>{{record.piabjkStatus==1?'套餐卡':'零售'}}</span></p>
                <p><span>门店：</span> <span>{{record.pickStore}}</span></p>
                <p><span>金额：</span> <span>{{record.price}}</span></p>
                <p><span>时间：</span> <span>{{record.addtime}}</span></p>
                <!-- <section>
                    <div>流水号：TE12312312</div>
                    <div><time>2021-03-6 18:44</time></div>
                </section>
                <section>
                    <div><span>9999：</span> <span>服务</span></div>
                    <div><span>次数</span> <span>x-1</span></div>
                </section>
                <section>
                    <div><span>门店：</span> <span>杨澜店</span></div>
                    <div><span>消费</span><span class="money">￥-1</span></div>
                </section> -->
            </template>
        </van-cell>
    </div>
</template>
<script>
import {orderList} from 'api/sales.js'
export default {
    props:{
        recordInfo:[]
    },
    setup(props) {
    },
}
</script>
<style lang="scss" scoped>
.recordBox{
    background: #F1F5F8;
    .van-cellRecord{
        background: #FFFFFF;
        border-radius: 1.25rem /* 20/16 */;
        text-align: left;
        padding:.3125rem /* 5/16 */ .9375rem /* 15/16 */;
        font-size:.875rem /* 14/16 */;
        margin:.9375rem /* 15/16 */ .9375rem /* 15/16 */ 0 .9375rem /* 15/16 */;
        width:auto;
        p{
            display: flex;
            justify-content: space-between;
        }
        p:nth-of-type(1){
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: 500;
            color: #101D34;
            border-bottom:1px solid #E5EBEF;
            line-height: 30px;
        }
        span:nth-of-type(1){
            font-size: .9375rem /* 15/16 */;
            font-family: PingFang SC;
            font-weight: 400;
            color: #49596D;
           line-height:20px;
        }
        span:nth-of-type(2){
            font-size: .9375rem /* 15/16 */;
            font-family: PingFang SC;
            font-weight: 500;
            color: #101D34;
            line-height:20px;
        }
    }
}

</style>